<html>

<head>
  <meta charset="UTF-8" />
  <title>Browser compability</title>
  <style>
    :root {
      background-color: white;
    }
  </style>

  <link rel="stylesheet" href="styles.css" />
</head>

<body>
  <div class="container">
    <div class="box">
      <p>backdrop-filter: blur(10px)</p>
    </div>
  </div>
</body>

</html>